<template>
     <view class="">
       <view class="user-list-tabs flex">
      <view :class="cur==1?'center cur-tab':'center'" @click="cur = 1" > <view>  二手出售 </view> 2 </view>
      <view :class="cur==2?'center cur-tab':'center'" @click="cur = 2" > <view>  二手出租 </view> 2 </view>
      <view :class="cur==3?'center cur-tab':'center'" @click="cur = 3" > <view>  新房出售 </view> 2 </view>
    </view>
       <!-- <nut-cell>
      <nut-list :height="50" :listData="list" @scroll="handleScroll">
        <template v-slot="{ item }">
          <div class="list-item">
            {{ item }}
          </div>
        </template>
      </nut-list>
    </nut-cell> -->
     </view>
</template>

<script>
export default {
  data() {
    return {
        list: new Array(20).fill(0),
        cur:1,
    }
  },
  mounted(){
    
  },
  methods:{
    handleScroll(){   
      let arr = new Array(20).fill(0);
      this.list = this.list.concat(arr)   
    }
  }
}
</script>
<style >
.user-list-tabs{
  background: #fff;
}
.user-list-tabs> .center{ 
  flex:1;
  flex-direction: column;
  padding:10px 0;
}
.cur-tab{
  background: #EEC800;
}
</style>